<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script src="./vue.js"></script>

    <script>
        // 通过.指明一些指令后缀，不同后缀封装了不同的处理操作，简化代码
        
        // 1. 按键修饰符
        // @keyup.enter 键盘回车监听
        
        // 2. v-model修饰符
        // v-model.trim 监听输入框输入内容，去除首尾空格
        // v-model.number 监听输入框输入内容，转换为数字类型

        // 3. 事件修饰符
        // .stop 阻止事件冒泡
        // .prevent 阻止默认事件
    </script>
    
</body>
</html>